<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1,minimun-scale=1,user-scalable=no"/>
    <title>订单信息</title>
    <link rel='stylesheet' href="../css/comm.css"/>
    <link rel='stylesheet' href="../css/iconfont.css"/>
    <link rel='stylesheet' href="../css/per/topay.css"/>
</head>
<body>
    <!--头部-->
    <header class="bGDarkYellow">
        <header class="l-row lH45  cWhite edge-left-right">
            <div class="l-col-xs-1 right tR">
                <span class="iconfont icon-thin-r"></span>
            </div>
            <div class="l-col-xs-10 fS17 tC">
                订单信息
            </div>
            <div class="l-col-xs-1">
                <span class="iconfont icon-share"></span>
            </div>
        </header>
        <section class="l-row userMess tC padd-t-10 padd-b-15">
           <div class="l-col-xs-3">
               <img src="../img/avater.png" class="avaterImg">
           </div>
            <div class="l-col-xs-9 tL padd-t-5">
                <p class="cWhite lH20 fS14">驾培网学员</p>
                <p class="cWhite lH17 fS14">驾培网学员</p>
            </div>
        </section>
    </header>
    <!--中间内容-->
    <div class="content padd-b-5">
    <div class="lH30 bGWhite edge-distance edge-left-right boxShadow">
        <span class="cYellow">您已选择驾陪网</span>&nbsp;&gt;&nbsp;
        <span>品质班</span>&nbsp;&gt;&nbsp;
        <span>总学费 3980 元</span>
    </div>
    <section class="bGWhite edge-left-right padd-l-10">
        <div class="l-row lH45 borderB">
            <div class="l-col-xs-4 fS14">预支付：</div>
            <div class="l-col-xs-7">
                <i class="icon-money icon-money-active"></i>
                <span  class=" fS14">10元</span>
                <span class="fS12">(后续再支付3880)</span>
            </div>
            <div class="l-col-xs-1 tR">
                <div class="radio">
                    <input type="radio" id="radio1" name="payMoney" checked>
                    <label for="radio1"></label>
                </div>
            </div>
        </div>
        <div class="l-row lH45">
            <div class="l-col-xs-4 fS14">后续支付：</div>
            <div class="l-col-xs-7">
                <i class="icon-money icon-money-default"></i>
                <span  class=" fS14">3800 元</span>
            </div>
            <div class="l-col-xs-1 tR">
                <div class="radio">
                    <input type="radio" id="radio2" name="payMoney">
                    <label for="radio2"></label>
                </div>
            </div>
        </div>
    </section>
    </div>

    <!--支付方式-->
    <section class="bGWhite">
        <p class="cBlack fS14 edge-left-right lH30 borderB">支付方式</p>
        <div class="l-row edge-left-right padd-l-20 padd-t-10">
            <div class="l-col-xs-6">
                <i class="icon-wechat"></i>
                <span class="lH30 fS14">微信支付</span>
            </div>
            <div class="l-col-xs-6 tR">
                <div class="radio payTypes">
                    <input type="radio" id="radio3" name="payTypes">
                    <label for="radio3"></label>
                </div>
            </div>
        </div>
        <section class="bottom">
            <div class="tC padd-t-15 padd-b-10">
                <div class="checkBox">
                    <input type="checkbox" id="check" checked>
                    <label for="check"></label>
                </div>
                <span class="fS14 cLightGrey">本人已阅读并同意签署驾陪网学车</span>
                <span class="fS14">《培训协议》</span>
            </div>
           <div class="tC padd-t-10">
               <button class="w50 btn-br-yellow bR5 lH30 letter-space2">确认支付</button>
           </div>
        </section>
    </section>
</body>
</html>